<!DOCTYPE html>
<html>
<head>
  <script src="../node_modules/angular/angular.js"></script>
  <style>
    .strike {
      text-decoration: line-through;
    }
  </style>
</head>
<body ng-app="todoApp">
  <div ng-controller="todoController">
    <todo-header
      on-add="addItem(content)"
      on-change-order="onChangeOrder(ascend)">
    </todo-header>
    <todo-body 
      list="todoList"
      on-undo="undo(item)"
      on-archive="archive(item)"
      on-archive-all="archiveAll(item)">
    </todo-body>
    <todo-footer></todo-footer>
    <todo-dialog
      visible="dialogVisible"
      on-confirm="confirmArchive()"
      on-cancel="cancelArchive()"
    >
      <p>
        是否归档{{ archiveItem.content || '全部' }} ?
      </p>
    </todo-dialog>
  </div>
  <script src="./app.js"></script>
  <script src="./filters/doneCount.filter.js"></script>
  <script src="./services/todo.service.js"></script>
  <script src="./controllers/todo.controller.js"></script>
  <script src="./directives/todoDialog.directive.js"></script>
  <script src="./directives/todoHeader.directive.js"></script>
  <script src="./directives/todoBody.directive.js"></script>
  <script src="./directives/todoFooter.directive.js"></script>
</body>
</html>